$(document).ready(function($){
			
	var parametroBlock = $.getUrlVar('block');
	var parametroColumna = $.getUrlVar('columna');
	
	if(parametroBlock != null || parametroColumna != null){
		
		parametroBlock = parametroBlock.toUpperCase().toString();
		parametroColumna = parseInt(parametroColumna);		
		
		$("#almacen-det").append(parametroBlock);
		
		$("#area-conf .butt-diag-left a").bind({
			click	:	function(event){
				event.preventDefault();
				app_almacen_posicion_buscar_block_celda_pers(parametroBlock,2);
			}			
		});
		
		$("#area-conf .butt-diag-main a").attr("href","almacen-det.php?block=" + parametroBlock.toUpperCase());
		
		$("#area-conf .butt-diag-right a").bind({
			click	:	function(event){
				event.preventDefault();
				app_almacen_posicion_buscar_block_celda_pers(parametroBlock,1);
			}
		});
		
		app_almacen_posicion_buscar_block_celda_pers(parametroBlock,parametroColumna);
		
	}else{
		
		$("#block_m").html("Lo sentimos, el sistema no ha encontrado peticiones para visualizar informaci&oacute;n...");
		
	}
	
	$(".prim-face-right").live("click",function(){
		
		if($(this).parent().hasClass("prim-acti-effe") == true){
			$(this).parent().removeClass("prim-acti-effe");
		}else{
			$(this).parent().addClass("prim-acti-effe");
		}
		
	});
	
	$(".secu-face-right").live("click",function(){
		
		if($(this).parent().hasClass("secu-acti-effe") == true){
			$(this).parent().removeClass("secu-acti-effe");
		}else{
			$(this).parent().addClass("secu-acti-effe");
		}
		
	});
	
	$("#area-conf span").click(function(){
		
		$("#area-conf span").each(function(){
			$(this).removeClass("butt-diag-acti");
		});
		
		$(this).addClass("butt-diag-acti");
		
	});
		
	init_tol_tips();
	
});

function app_almacen_posicion_buscar_block_celda_pers(des_block,des_columna){
	
	app_gen_alert(true,2,"El sistema esta cargando los datos","");
	
	if(des_columna != 0){		
		
		/* Lectura de las posiciones en orden pre determinado
		 * */
		var dataString = {
			des_block:des_block,
			des_columna:des_columna
		};
		
		$.ajax({
			
			type: "POST",
			url: "../../esmeralda-services-warehouses/class/almacen/listenerAlmacenPerspective.php",
			data: dataString,
			dataType: "json",        
			success: function(data) {
				
				if(data.ubicaciones != null){
					
					var cont_trig = $("<div />").addClass("pane-trig");
					var celda_cont = "";
					var celda_top_pri = "";
					var celda_top_sec = "";
					var celda_right = "";
					var tem_nro_posicion_nivel = "";
					
					if(des_columna == 1){
						
						/* Si la columna es 1
						 * */
						
						celda_cont = $("<div />").addClass("pane-bloc").attr("id","pane-bloc-" + data.ubicaciones[0].des_posicion_columna);				
						celda_top_pri = $("<div />").addClass("prim-top-col-pri");
						celda_top_sec = $("<div />").addClass("prim-top-col-sec");				
						celda_right = $("<div />");
						
						tem_nro_posicion_nivel = data.ubicaciones[0].nro_posicion_nivel;
										
						console.log(tem_nro_posicion_nivel);
						$.each(data.ubicaciones, function(i, item) {
							
							if(tem_nro_posicion_nivel == item.nro_posicion_nivel){
								/* Mientras el nivel (piso) sea igual
								 * */
								celda_top_pri.prepend(
									$("<div />",{
										"text"	:	"-"
									})
								);
								
								celda_top_sec.prepend(
									$("<div />",{
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	item.nro_celda
									})
								);
								
								celda_right.prepend(
									$("<div />",{
										"celda"	:	item.des_codigo_posicion,
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	function(){
											if(item.nro_estado_posicion == "1"){
												return item.des_codigo_posicion.substring(3,item.des_codigo_posicion.length);/*return "libre";*/
											}else if(item.nro_estado_posicion == "2"){
												return "ocup";
											}else{
												return "bloq";
											}
										}
									})
								);
								
								cont_trig.append(
									$("<div />",{
										"id"	:	"trig-info-" + item.des_codigo_posicion,
										"class"	:	"trig-info"
									}).append(
										$("<p />",{
											"id"	:	"codi-nrou-" + item.nro_unico_cliente,
											"class"	:	"codi-desc",
											"text"	:	"Codigo: " + item.des_codigo_posicion
										}).add(
											$("<p />",{
												"id"	:	"clie-nrou-" + item.nro_unico_cliente,
												"class"	:	"clie-desc",
												"text"	:	"Cliente: " + item.des_rc_cliente
											})
										).add(
											$("<p />",{
											"id"	:	"espe-nrou-" + item.nro_unico_especie,
											"class"	:	"espe-desc",
											"text"	:	"Especie: " + item.des_especie
											})
										).add(
											$("<p />",{												
												"class"	:	"espe-fech",
												"text"	:	"Fecha: " + item.dat_fecha_um
											})
										)
									)
								);
								
							}else{
								/* Mientras el nivel (piso) sea distinto
								 * */
								celda_cont.prepend(
									$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel).addClass("prim-move-acti").append(
										$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel + "-top").addClass("prim-face-top").append(
											/*$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel + "-top-fix").addClass("prim-face-top-fix").append(*/										
												celda_top_pri.add(
													celda_top_sec
												)
											/*)*/
										).add(
											$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel + "-left").addClass("prim-face-left").append(
												$("<div />",{
													"text"	:	"<-"
												}).add(
													$("<div />",{
														"class"	:	"prim-face-left-trig",
														"text"	:	tem_nro_posicion_nivel
													})
												)
											)
										).add(
											celda_right.addClass("prim-celda-" + tem_nro_posicion_nivel + "-right").addClass("prim-face-right")
										)
									)
								);
								
								celda_top_pri = $("<div />").addClass("prim-top-col-pri");
								celda_top_sec = $("<div />").addClass("prim-top-col-sec");
								celda_right = $("<div />");
								
								celda_top_pri.prepend(
									$("<div />",{
										"text"	:	"-"
									})
								);
								
								celda_top_sec.prepend(
									$("<div />",{
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	item.nro_celda
									})
								);
								
								celda_right.prepend(
									$("<div />",{
										"celda"	:	item.des_codigo_posicion,
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	function(){
											if(item.nro_estado_posicion == "1"){
												return item.des_codigo_posicion.substring(3,item.des_codigo_posicion.length);/*return "libre";*/
											}else if(item.nro_estado_posicion == "2"){
												return "ocup";
											}else{
												return "bloq";
											}
										}
									})
								);
								
								cont_trig.append(
									$("<div />",{
										"id"	:	"trig-info-" + item.des_codigo_posicion,
										"class"	:	"trig-info"
									}).append(
										$("<p />",{
											"id"	:	"codi-nrou-" + item.nro_unico_cliente,
											"class"	:	"codi-desc",
											"text"	:	"Codigo: " + item.des_codigo_posicion
										}).add(
											$("<p />",{
												"id"	:	"clie-nrou-" + item.nro_unico_cliente,
												"class"	:	"clie-desc",
												"text"	:	"Cliente: " + item.des_rc_cliente
											})
										).add(
											$("<p />",{
											"id"	:	"espe-nrou-" + item.nro_unico_especie,
											"class"	:	"espe-desc",
											"text"	:	"Especie: " + item.des_especie
											})
										).add(
											$("<p />",{												
												"class"	:	"espe-fech",
												"text"	:	"Fecha: " + item.dat_fecha_um
											})
										)
									)
								);
								
							}
							
							tem_nro_posicion_nivel = item.nro_posicion_nivel;
							tem_nro_celda = item.nro_celda;
							//console.log(item.des_codigo_posicion + " - " + item.nro_celda + " - " + item.des_block + " - " + item.nro_posicion_nivel);					
						});
						
						celda_cont.prepend(
							$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel).addClass("prim-move-acti").append(
								$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel + "-top").addClass("prim-face-top").append(
									/*$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel + "-top-fix").addClass("prim-face-top-fix").append(*/										
										celda_top_pri.add(
											celda_top_sec
										)
									/*)*/
								).add(
									$("<div />").addClass("prim-celda-" + tem_nro_posicion_nivel + "-left").addClass("prim-face-left").append(
										$("<div />",{
											"text"	:	"<-"
										}).add(
											$("<div />",{
												"class"	:	"prim-face-left-trig",
												"text"	:	tem_nro_posicion_nivel
											})
										)
									)
								).add(
									celda_right.addClass("prim-celda-" + tem_nro_posicion_nivel + "-right").addClass("prim-face-right")
								)
							)
						);
						
						console.log(celda_cont);
						
						$("#area-visu").empty().append(celda_cont);
						
					}else{
						/* Si la columna es 2
						 * */
						
						celda_cont = $("<div />").addClass("pane-bloc").attr("id","pane-bloc-" + data.ubicaciones[0].des_posicion_columna);				
						celda_top_pri = $("<div />").addClass("secu-top-col-pri");
						celda_top_sec = $("<div />").addClass("secu-top-col-sec");				
						celda_right = $("<div />");
						
						tem_nro_posicion_nivel = data.ubicaciones[0].nro_posicion_nivel;
										
						console.log(tem_nro_posicion_nivel);
						$.each(data.ubicaciones, function(i, item) {
							
							if(tem_nro_posicion_nivel == item.nro_posicion_nivel){
								/* Mientras el nivel (piso) sea igual
								 * */
								celda_top_pri.append(
									$("<div />",{
										"text"	:	"-"
									})
								);
								
								celda_top_sec.append(
									$("<div />",{
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	item.nro_celda
									})
								);
								
								celda_right.append(
									$("<div />",{
										"celda"	:	item.des_codigo_posicion,
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	function(){
											if(item.nro_estado_posicion == "1"){
												return item.des_codigo_posicion.substring(3,item.des_codigo_posicion.length);/*return "libre";*/
											}else if(item.nro_estado_posicion == "2"){
												return "ocup";
											}else{
												return "bloq";
											}
										}
									})
								);
								
								cont_trig.append(
									$("<div />",{
										"id"	:	"trig-info-" + item.des_codigo_posicion,
										"class"	:	"trig-info"
									}).append(
										$("<p />",{
											"id"	:	"codi-nrou-" + item.nro_unico_cliente,
											"class"	:	"codi-desc",
											"text"	:	"Codigo: " + item.des_codigo_posicion
										}).add(
											$("<p />",{
												"id"	:	"clie-nrou-" + item.nro_unico_cliente,
												"class"	:	"clie-desc",
												"text"	:	"Cliente: " + item.des_rc_cliente
											})
										).add(
											$("<p />",{
											"id"	:	"espe-nrou-" + item.nro_unico_especie,
											"class"	:	"espe-desc",
											"text"	:	"Especie: " + item.des_especie
											})
										).add(
											$("<p />",{												
												"class"	:	"espe-fech",
												"text"	:	"Fecha: " + item.dat_fecha_um
											})
										)
									)
								);								
								
							}else{
								/* Mientras el nivel (piso) sea distinto
								 * */
								celda_cont.prepend(
									$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel).addClass("secu-move-acti").append(
										$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel + "-top").addClass("secu-face-top").append(
											/*$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel + "-top-fix").addClass("secu-face-top-fix").append(*/										
												celda_top_pri.add(
													celda_top_sec
												)
											/*)*/
										).add(
											$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel + "-left").addClass("secu-face-left").append(
												$("<div />",{
													"class"	:	"secu-face-left-trig",
													"text"	:	tem_nro_posicion_nivel
													
												}).add(
													$("<div />",{
														"text"	:	"->"
													})
												)
											)
										).add(
											celda_right.addClass("secu-celda-" + tem_nro_posicion_nivel + "-right").addClass("secu-face-right")
										)
									)
								);
								
								celda_top_pri = $("<div />").addClass("secu-top-col-pri");
								celda_top_sec = $("<div />").addClass("secu-top-col-sec");
								celda_right = $("<div />");
								
								celda_top_pri.append(
									$("<div />",{
										"text"	:	"-"
									})
								);
								
								celda_top_sec.append(
									$("<div />",{
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	item.nro_celda
									})
								);
								
								celda_right.append(
									$("<div />",{
										"celda"	:	item.des_codigo_posicion,
										"estado":	"posi-disp-" + item.nro_estado_posicion,
										"text"	:	function(){
											if(item.nro_estado_posicion == "1"){
												return item.des_codigo_posicion.substring(3,item.des_codigo_posicion.length);/*return "libre";*/
											}else if(item.nro_estado_posicion == "2"){
												return "ocup";
											}else{
												return "bloq";
											}
										}
									})
								);
								
								cont_trig.append(
									$("<div />",{
										"id"	:	"trig-info-" + item.des_codigo_posicion,
										"class"	:	"trig-info"
									}).append(
										$("<p />",{
											"id"	:	"codi-nrou-" + item.nro_unico_cliente,
											"class"	:	"codi-desc",
											"text"	:	"Codigo: " + item.des_codigo_posicion
										}).add(
											$("<p />",{
												"id"	:	"clie-nrou-" + item.nro_unico_cliente,
												"class"	:	"clie-desc",
												"text"	:	"Cliente: " + item.des_rc_cliente
											})
										).add(
											$("<p />",{
											"id"	:	"espe-nrou-" + item.nro_unico_especie,
											"class"	:	"espe-desc",
											"text"	:	"Especie: " + item.des_especie
											})
										).add(
											$("<p />",{												
												"class"	:	"espe-fech",
												"text"	:	"Fecha: " + item.dat_fecha_um
											})
										)
									)
								);
								
							}
							
							tem_nro_posicion_nivel = item.nro_posicion_nivel;
							tem_nro_celda = item.nro_celda;
							//console.log(item.des_codigo_posicion + " - " + item.nro_celda + " - " + item.des_block + " - " + item.nro_posicion_nivel);					
						});
						
						celda_cont.prepend(
							$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel).addClass("secu-move-acti").append(
								$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel + "-top").addClass("secu-face-top").append(
									/*$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel + "-top-fix").addClass("secu-face-top-fix").append(*/										
										celda_top_pri.add(
											celda_top_sec
										)
									/*)*/
								).add(
									$("<div />").addClass("secu-celda-" + tem_nro_posicion_nivel + "-left").addClass("secu-face-left").append(
										$("<div />",{
											"class"	:	"secu-face-left-trig",
											"text"	:	tem_nro_posicion_nivel
										}).add(
											$("<div />",{
												
												"text"	:	"->"
											})
										)
									)
								).add(
									celda_right.addClass("secu-celda-" + tem_nro_posicion_nivel + "-right").addClass("secu-face-right")
								)
							)
						);
						
						console.log(celda_cont);
						
						$("#area-visu").empty().append(celda_cont);
						
					}
					
					$("#area-visu").append(cont_trig);
					
				}
				
			},
			complete: function(){
				
				if(des_columna == 1){
					
					$(".butt-diag.butt-diag-right").addClass("butt-diag-acti");
					
				}else{
					
					$(".butt-diag.butt-diag-left").addClass("butt-diag-acti");
					
				}
				
				app_gen_alert(false,0,"","");				
				
			},
			error: function(jqXHR, textStatus, errorThrown){
				
				app_gen_alert(true,3,"lista de posiciones - error durante la creacion de lista de posiciones " + textStatus,"");
				
			}
		
		});
		
	}else{
		
	}
	
}